<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .layui-table-view .layui-form-checkbox[lay-skin=primary] i {
            margin-top:8px;
        }
        .layui-btn-group{
            position: relative;
            right: 350px;
        }
        #export{
            height: 38px;
        }
        #import{
            height: 38px;
        }
        #excel{
            position: relative;
            top: 20px;
        }
        .allGoods{
            width: 1200px;
            height: 800px;
            /*background: rgba(0, 0, 255, 0.29);*/
            position: relative;
            top: 120px;
            left: 380px;

        }
        .allGoods .oneModel{
            width: 300px;
            height: 400px;
            /*background: linear-gradient(red,yellow);*/
            float: left;

        }



        .allGoods .oneModel .chop{
            position: relative;
            top: 20px;
            left: 60px;
            width: 170px;
            height: 130px;
        }
        .allGoods .oneModel .information{
            /*background: red;*/
            position: relative;
            /*left: 20px;*/
            top: 45px;
            /*width:120px;*/
            /*height: 120px;*/
            text-align: center;
        }
        a{
            text-decoration: none;
            color: black;
        }


    </style>
    <link rel="stylesheet" th:href="@{/css/cart.css}">
</head>
<body>


<!--  商品名称  -->
<div class="allGoods">

      <a class="cartsall" href="javascript:;">我的购物车</a>
    <!--遍历数组-->
    <div th:each="item:${list}"  class="oneModel">



        <input type="image" th:src="@{/img/1.png}" class="chop">

        <div class="information">
            <input type="hidden" th:attr="value=${item.getId()}" class="sid">

            <p th:text="${item.getName()}" class="name"></p>

            <span>￥</span><span th:text="${item.getPrice()}" class="price"></span>

            <p th:text="${item.getDescribe()}" class="describe"></p>

            <button class="add-to-cart carts">
                <div class="default">加入购物车</div>
                <div class="success">加入成功</div>
                <div class="cart">
                    <div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
                <div class="dots"></div>
            </button>
        </div>

    </div>



</div>


<script type="text/javascript" th:src="@{/js/jquery-1.8.3.min.js}"></script>
<script th:src="@{/js/goodsInfoList.js}"></script>
<script th:src="@{/js/scrip.js}"></script>
<script type="text/javascript" th:src="@{/libs/layer/layer.js}"></script>


</body>
</html>
